<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线报名</title>
    <link href="dan.css" type="text/css" rel="stylesheet" />

</head>

<body>
    <div id="center">
        <div id="head" class="header" style="background-color: #a4a1a127; display: flex; justify-content: center; align-items: center;">
            <img src="img/Arcane.S01E06.When.These.Walls.Come.Tumbling.Down.2021.UHD.BluRay.2160p.10bit.DV.2Audio.TrueHD.5.1.x265-beAst.mkv_000435.323.png"
                style="height: 100px;">
        </div>
        <div id="dh">
            <ul class="nav">
                <li><a href="#">首页</a></li>
                <li><a href="#" class="bg">报名界面</a></li>
                <li><a href="#">介绍</a></li>
                <li><a href="#">登录</a></li>
            </ul>
        </div>
        <div id="box">
            <h2 class="header">开始在线报名<span>(一下信息是报名河北软件职业技术学院的重要依据，请认真填写)</span>
            </h2>
            <form action="#" method="post">
                <table class=" content">
                    <tr>
                        <td class="left">姓名<span class="red">*</span></td>
                        <td><input type="text" value="请认真填写" class="txt01" /></td>
                    </tr>
                    <tr>
                        <td class="left">电话<span class="red">*</span></td>
                        <td><input type="text" value="请认真填写" class="txt02" /></td>
                    </tr>
                    <tr>
                        <td class="left">性别<span class="red">*</span></td>
                        <td>
                            <label for="boy"><input type="radio" name="sex" id="boy" />男</label>
                            <label for="girl"><input type="radio" name="sex" id="girl" />女</label>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">学历<span class="red">*</span></td>
                        <td>
                            <select>
                                <option>-请选择-</option>
                                <option>中专</option>
                                <option>高一</option>
                                <option>高二</option>
                                <option>高三</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">邮箱<span class="red">*</span></td>
                        <td><input type="text" class="txt03" /></td>
                    </tr>

                    <tr>
                        <td class="left">意向课程<span class="red">*</span></td>
                        <td>
                            <select class="course">
                                <option selected="selected">软件技术与开发</option>
                                <option>信息工程与安全</option>
                                <option>数字传媒</option>
                                <option>平面设计</option>
                            </select>
                        </td>
                    </tr>

                    <tr>
                        <td class="left">了解学校渠道</td>
                        <td class="ys1">
                            <label for="baidu"><input type="checkbox" id="baidu" />百度</label>
                            <label for="itcast"><input type="checkbox" id="itcast" />学长介绍</label>
                            <label for="frient"><input type="checkbox" id="frient" />亲人、朋友推荐</label>
                            <label for="video"><input type="checkbox" id="video" />视频浏览</label>
                            <label for="other"><input type="checkbox" id="other" />其他</label>
                        </td>
                    </tr>
                    <tr>
                        <td class="ys" class="left">留言</td>
                        <td><textarea cols="50" rows="5" class="message">请简述您有没有计算机方面的基础，以及为什么选择学习计算机这方面的专业？</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td><input type="submit" value="提交" /></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</body>

</html>